<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html lang="en">
<script>
	$(function() {
		$("#datepicker").datepicker({
			dateFormat : "yy-mm-dd",
			changeMonth : true,
			changeYear : true
		});
	});

	function Blank_TextField_Validator() {

		if (UpdateBasicDetails.name.value == "") {
			alert("Please enter your name.");
			UpdateBasicDetails.name.focus();
			return (false);
		}

		if (UpdateBasicDetails.emailID.value == "") {
			alert("Please enter your email address.");
			UpdateBasicDetails.emailID.focus();
			return (false);
		}

		if (UpdateBasicDetails.dob.value == "") {
			alert("Please enter your date of birth.");
			UpdateBasicDetails.dob.focus();
			return (false);
		}

		if (UpdateBasicDetails.mobileNumber.value == "") {
			alert("Please enter your mobile number.");
			UpdateBasicDetails.mobileNumber.focus();
			return (false);
		}

		return (true);
	}
</script>
<link href="UserInterface/css/datepicker.css" rel="stylesheet"
	type="text/css" />
<script src="UserInterface/js/bootstrap-datepicker.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">

			<div class="span6 offset3">
				<ul class="nav nav-pills">
					<li class="active"><a href="EditJSProfile">Basic Details</a></li>
					<li><a href="EditJSEQ">Educational Qualifications</a></li>
					<li><a href="EditJSWorkEx">Work Experience</a></li>
					<li><a href="EditJSSkills">Technical Skills</a></li>
				</ul>
			</div>

			<!-- 			<div class="span2">
				<div class="well sidebar-nav">
					<ul class="nav nav-list">
						<li class="nav-header"><font color="black">My Profile</font></li>
						<li class="active"><a href="EditJSProfile">Basic Details</a></li>
						<li><a href="EditJSEQ">Educational Qualifications</a></li>
						<li><a href="EditJSWorkEx">Work Experience</a></li>
						<li><a href="EditJSSkills">Technical Skills</a></li>
					</ul>
				</div>
				/.well
			</div> -->
			<div class="span8 offset2">

				<s:form name="UpdateBasicDetails" action="UpdateBasicDetails"
					onsubmit="return Blank_TextField_Validator()">
					<br />
					<div align="center">
						<font size="5" face="Georgia"><b>Basic Details</b></font> <br />
						<br /><br />
					</div>
					

					<table
						class="table table-bank-bordered table-bank-striped">
						<tr>
							<th style="text-align: center">Name</th>
							<td style="text-align: center"><input type="text" name="name"
								class="input-large"
								value="<s:property value="jobseeker.name" />"></td>
						</tr>
						<tr>
							<th style="text-align: center">Email Address</th>
							<td style="text-align: center"><input type="text"
								name="emailID" class="input-large"
								value="<s:property value="jobseeker.emailID" />"></td>
						</tr>
						<tr>
							<th style="text-align: center">Date of Birth</th>
							<td style="text-align: center"><input type="text" name="dob"
								class="input-large" value="<s:property value="jobseeker.dob" />"
								id="datepicker"></td>
						</tr>
						<tr>
							<th style="text-align: center">Mobile Number</th>
							<td style="text-align: center"><input type="text"
								name="mobileNumber" class="input-large"
								value="<s:property value="jobseeker.mobileNumber" />"></td>
						</tr>
					</table>
					
					<button class="btn btn-medium btn-primary pull-right" type="submit">Save</button>
				</s:form>
			</div>
		</div>
	</div>
</body>
</html>